Skip to main content

BILDIT AI Pixel Installation Guide

This guide walks you through how to install the BILDIT AI Pixel. No coding experience needed—just follow these steps!

Step 1: Make sure your app has hosts configured​

If you see the message "No hosts are configured for your app," click the link provided and follow the setup instructions to add your website or app domain.

Example: add https://yourwebsite.com

Step 2: Install the BILDIT AI Pixel​

  1. Open your project folder.
  2. Run this command in your terminal:
npm install @bildit-platform/ai-pixel

Step 3: Add the Pixel to Your App​

If you're using Next.js or React:​

  1. Open your main layout file (for example: index.tsx or layout.tsx).
  2. Add this line to import the Pixel:
import { BilditPixel } from '@bildit-platform/ai-pixel';
  1. Then place this component inside your layout, replacing YOUR_APP_ID with your actual BILDIT app ID:
<BilditPixel appId="YOUR_APP_ID" />

Step 4: (Optional) For Standard HTML Sites​

We also support regular websites that don't use React or Next.js. Visit the AI Pixel page on npm for detailed HTML setup instructions.

You're Done!​

Once installed, visit data should start appearing in your BILDIT dashboard within a few minutes.